ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
/*以下是middle样式*/
.middle{
	position: relative;
	background: #fff;
	box-shadow:0px 0px 8px 8px #e7e7e7;
	text-align: center;
	margin-top: 60px;
	padding: 10px;
	padding-bottom: 40px;
}
.middle>div{
	padding: 0;
	margin: 0;
	width: 100%;
}
.header h2{
		font-size: 18px;
		color: #3F5DAA;
		line-height: 47px;
		text-align: center;
		margin: 0;
		letter-spacing: 4px;
	}
.middle>div>div{
	margin: 0;
}
.middle>div>div>div{
	padding: 0;
	letter-spacing: 1px;
}
.middle>div>div>.col-sm-2{
	padding-right: 20px;
	float: left;
}
.middle>div>div>.col-sm-2>ul{
	width:100%;
	border-radius: 0;
	background: #b3b3b3;
	overflow: hidden;
}
.middle>div>div>.col-sm-2>ul a{
	border-radius: 0;
	padding: 0;
	font-size: 18px;
	color: #fff;
	line-height: 45px;
	height: 45px;
}
.middle>div>div>.col-sm-2>ul>li:first-child a{
	background: #3F5DAA!important;
	color: #fff;
	font-size: 22px;
	line-height: 80px;
}
.middle>div>div>.col-sm-2>ul>li:first-child a{
	height: 80px;
}
.middle>div>div>.col-sm-2>ul a:hover{
	color: #3F5DAA;
}
.middle>div>div>.col-sm-2>ul .active a{
	color: #3F5DAA!important;
	background: transparent!important;
}
/*右边样式*/

.middle>div>div:first-child>.col-sm-10{
	font-size: 16px;
	float: right;
	border: 1px solid #3F5DAA;
}

.nav-stacked>li+li{
	margin-top: 0;
}
.middle .col-sm-10>div{
	padding-left: 2%;
	padding-right: 6%;
	overflow: hidden;
	background: #d9dfee ;
}
.middle .col-sm-10>div>a{
	float: left;
	font-size: 18px;
	color: #333;
}

.middle .col-sm-10>div ul{
	float: left;
	overflow: hidden;
}
.middle .col-sm-10>div>ul a{
	color: #333;
	font-size: 14px;
}
.middle .col-sm-10>div>ul li{
	list-style: none;
	float: left;
	margin-left: 10px;
}
@media (max-width:1200px ) {
	.middle .col-sm-10>div{
		padding-right: 0;
	}
}
/*以下为订单详情样式*/
/*以下覆盖样式*/


.middle>div>div:first-child>.col-sm-10>div a{
	color: #333;
	line-height: 50px;
}
.middle>div>div:first-child>.col-sm-10 a:hover{
	color: #3F5DAA;
}
.middle  .form-control{
	border-radius: 0;
	height: 30px;
	width: 150px;
	border: 1px solid #2493a7;
	float: right;
}
.middle  .btn{
	border-radius: 0;
	height: 30px;
	background: #2493a7;
	border: 0;
	padding: 2px 0 0 0;
}
.middle  .glyphicon{
	color: #fff;
	font-size: 18px;
}
.middle .col-sm-10>div .active a{
	color: #3F5DAA!important;
}

.middle .navbar-form{
	margin-top: 10px;
	padding-right: 0;
	padding-left: 0;
	float: right!important;
}
.middle .navbar-form .form-group{
	width: 76%;
}
.middle .navbar-form .form-group input{
	width: 100%;
}
.navbar-form button{
	width: 24%;
}

@media (max-width: 1200px){
	.middle{
		margin-top: 40px;
	}	
	.middle>div>div>.col-sm-2{
		padding-right: 10px;
	}
	.middle>div>div>div{
	padding: 0;
	letter-spacing: 0px;
}

	.footer{
		margin-top: 30px;
	}
}
@media (max-width:768px){
	.middle{
		margin-top: 0px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}	
	.footer{
		margin-top: 10px;
	}
	.middle>div>div:first-child>.col-sm-10{
		border: 1px solid #3F5DAA;
border-left: 0;
border-right: 0;
	font-size: 14px;
	}
}
/*以下为表格*/
.middle .col-sm-10>ul{
	padding-bottom: 20px;
}
.middle .col-sm-10>ul li {
	list-style: none;
}
.middle .col-sm-10>ul li img{
	width: 80%;
}
.middle .col-sm-10>ul li>div>a:first-child{
	width: 15%;
	display: table-cell;
}
.middle .col-sm-10>ul li>div>a:first-child+a{
	width: 25%;
	display: table-cell;
	font-size: 14px;
}
.middle .col-sm-10>ul li:first-child span{
	font-size: 14px;
}
.middle .col-sm-10>ul li {
	width: 100%;
	height: 50px;
	display: table;
	padding-top: 10px;
}
.middle .col-sm-10>ul li:first-child{
	background:#fff;
	padding-top: 0;
	border-top:0;
}
.middle .col-sm-10>ul li span {
	width: 12%;
	vertical-align: middle;
	display: table-cell;
	font-size: 14px;
}
.middle .col-sm-10>ul li div:first-child{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: inline-table;
}
.middle .col-sm-10>ul li div:first-child>span{
	vertical-align: middle;
	font-size: 14px;
}
.middle .col-sm-10>ul li div:first-child>span:first-child{
width: 40%;
}
.middle .col-sm-10>ul li button {
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.middle .col-sm-10>ul li .num input {
	width: 27px;
	height: 27px;
	text-align: center;
}

.middle .col-sm-10>ul li .delete,
.middle .col-sm-10>ul li a,
#allDelete a {
	text-decoration: none;
	color: #333;
}
.middle .col-sm-10>ul li a:hover{
	color:#3F5DAA;
}
.middle .num div{
	width: 63px;
	margin: 0 auto;
	overflow: hidden;
}
body .middle .num button{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	float: left;
	line-height: initial;
	background: #9faed4;
	border-color:  #9faed4;
	border-style: none;
	color: #fff;
}
body .middle .num input{
	width: 23px!important;
	height: 20px!important;
	vertical-align: middle;
	float: left;
	line-height: initial;
	line-height: 21px;
	border-style:none;
	border:1px solid  #9faed4;
	border-left: 0;
	border-right: 0;

}
span b{
	font-size: 500;
}
.num b{
	float: left;
	}
@media  (max-width:768px ) {
	.middle .col-sm-10>ul li span:first-child input:checked+div{
		background: url(../img/shop_cart/m_checked.png) no-repeat;
		background-size: 100% 100%;
	}
	.middle .col-sm-10>ul{
		border: 0;
	}
	.middle{
		padding-top: 0;
	}
	.middle .col-sm-10>ul li>div>a:first-child{
		width: 45%;
		display: initial;
		float: left;
	}
	.middle .col-sm-10>ul li>div>a:first-child+a{
		display: initial;
		width: 55%;
		display: block;
    float: left;
    text-align: left;
    padding-top: 2%;
    padding-bottom: 4%;
	}
	.middle .col-sm-10>ul li div:first-child>span{
		display: initial;
		float: left;
	}
	.middle .rowPrice{
		width: initial!important;
		float: right!important;
	}
	.middle .num{
		width: initial!important;
		
	}
	.middle .col-sm-10>ul li:first-child{
		font-size: 16px;
	}
	.middle .col-sm-10>ul li span{
		width: 16%;
	}
	.middle .col-sm-10>ul {
		border-bottom: 1px solid #3F5DAA;
		padding-bottom: 0;
	}
	.middle>div>div>div>a{
		margin-top: 10px!important;
		height: 25px;
		width: 20%;
		padding: initial!important;
		line-height: 26px!important;
		text-align: center!important;
		margin-right: 10px;
	}
	.middle>div>div>div>#selectDel{
		margin-left: 5%;
	}
	.middle>div>div>div>#allPrice{
		width: initial;
	}
	.middle{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.middle>div>div:first-child>.col-sm-10{
		border: 0;
	}
	
	.middle>div>div:first-child>.col-sm-10>div:first-child a{
		line-height: 40px;
		
	}
	.middle>div>div:first-child>.col-sm-10>div:first-child>a{
		margin-left: 10px;
	}
	.middle>div>div:first-child>.col-sm-10>div:first-child>a{
		line-height: 52px;
	}
	.middle .col-sm-10>ul li:first-child {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.middle .col-sm-10>ul li:first-child span{
		font-size: 16px;
	}
	.middle .col-sm-10>ul{
		border: 0;
	}
	ul, menu, dir {
	    display: block;
	    list-style-type: disc;
	    -webkit-margin-before: 0em!important;
	    -webkit-margin-after: 0em!important;
	    -webkit-margin-start: 0px!important;
	    -webkit-margin-end: 0px!important;
	    -webkit-padding-start: 0px!important;
	}
	.navbar-form{
		margin-bottom: 0;
	}
	/*以下为input行*/
	.middle .col-sm-10>div ul{
		width: 100%;
		border-top: 1px solid #fff;
	}
	.middle .col-sm-10>div ul li{
		width: 25%;
		text-align: center;
		margin-left: 0;
	}
	.middle .col-sm-10>div .navbar-form{
		margin:0;
		width: 48%;
	}
	.middle .navbar-form .form-group{
		margin-bottom: 0;
	}
	.middle .col-sm-10>div{
		padding-left: 0;
	}
	.middle .col-sm-10>div>ul a{
		font-size: 16px;
	}
	.middle .col-sm-10>ul li{
		border-top:1px solid #e0e0e0 ;
	}

	
}
ul, menu, dir {
	    display: block;
	    list-style-type: disc;
	    -webkit-margin-before: 0em!important;
	    -webkit-margin-after: 0em!important;
	    -webkit-margin-start: 0px!important;
	    -webkit-margin-end: 0px!important;
	    -webkit-padding-start: 0px!important;
	}
span b{
	font-weight: 500;
	}